
     // 用于记录每个输入框的状态，通过为true，未通过为false
     $("#user")[0]=$("#password1")[0]=$("#password2")[0]=false;
     // 用户名仅支持中文、字母、数字、“-”“_”的组合，4-20个字符
     $("#user").blur(function(){
         // 验证用户名的正则
         var reg = /^[\w\u2e80-\u9fff\-]{4,20}$/;
         // 验证之后，判断结果
         if(reg.test(this.value)){
             this.nextElementSibling.innerHTML = "通过";
             user = true;
         }else{
             this.nextElementSibling.innerHTML = "4-20位中文、字母、数字、“-”“_”的组合";
             user = false;
         }
     })
 
     $("#password1")[0].oninput = function(){
         // 长度不符，直接提示，结束验证
         if(this.value.length < 6 || this.value.length > 18){
             this.nextElementSibling.innerHTML = "请输入6-18位密码";
             $("#password2")[0].nextElementSibling.innerHTML = "";
             pass = false
             return;
         }
         // 记录是否出现某种类型，出现为1，未出现为0
         var a=b=c=0;
         // 是否出现数字
         var numReg = /\d/;
         if(numReg.test(this.value)) a=1;
         // 是否出现字母
         var azReg = /[a-z]/i;
         if(azReg.test(this.value)) b=1;
         // 是否出现特殊字符（非数字字母）
         var tsReg = /[^\da-z]/i;
         if(tsReg.test(this.value)) c=1;
 
         var msg = "";
         switch(a+b+c){
             case 1:msg = "弱";break;
             case 2:msg = "中";break;
             case 3:msg = "强";break;
         }
         this.nextElementSibling.innerHTML = msg;
         pass = true;
 
 
         // 有可能出现先写重复密码，再写密码的奇葩用户，所以要在密码中也验证重复密码
         // 但是如果重复密码为空，可以不用验证
         if($("#password2")[0].value === "") return ;
 
         if(this.value === $("#password2")[0].value){
            $("#password2")[0].nextElementSibling.innerHTML = "密码一致";
             pass2 = true;
         }else{
            $("#password2")[0].nextElementSibling.innerHTML = "密码不一致"
             pass2 = false;
         }
     }
 
 
     $("#password2")[0].oninput = function(){
         if(this.value === $("#password1")[0].value){
             this.nextElementSibling.innerHTML = "密码一致"
             pass2 = true;
         }else{
             this.nextElementSibling.innerHTML = "密码不一致"
             pass2 = false;
         }
     }
 
     // 点击提交时，整体验证状态
     $("#reg").click(function(){
         if(!user){
             alert("用户名不符");
         }else if(!pass){
             alert("密码不符");
         }else if(!pass2){
             alert("两次密码不一致");
         }else if(user && pass && pass2){
            $.ajax({
                url:"/api",
                data:{
                    type:"register",
                    user:$("#user").val(),
                    pass:$("#password1").val()
                },
                success:res=>{
                    console.log(res);
                    if(res.code === 200){
                        $("#reg")[0].nextElementSibling.innerHTML="恭喜你，注册成功，3秒后跳转到<a href='login.html'>登录</a>";
                        setTimeout(() => {
                            location.href = "login.html";
                        }, 3000);
                    }else if(res.code === 1){
                        $("#reg")[0].nextElementSibling.innerHTML="该用户名已注册";
                    }
                },
                error:()=>{},
                dataType:"json"  // 慎用，确定后端但会的数据一定是json的时候使用
            })
        }
     })
    
    
    // 注册接口：localhost:3000/api?type=register&user=用户名&pass=密码





